<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			*{
				/*transition: all 3s;*/
			}
			body {
				/*background-color: blue;*/
			}
			
			.mui-col-sm-3 {
				padding: 10px 10px;
			}
			
			.mui-col-sm-3 img {
				width: 100%;
				border-radius: 5px;
			}
			
			.item>p {
				padding: 0px !important;
				margin: 0px !important;
				text-align: center;
				/*transition: all .5s;*/
			}
			
			.top {
				/*position: fixed;*/
				/*height: 300px;*/
				width: 100%;
				z-index: 99;
			}
			.top>p{
				padding: 2px 15px;
				text-indent: 2em;
			}
			.top>img {
				width: 100%;
				height: 180px;
				/*transition: all .5s;*/
			}
		</style>
	</head>

	<body>
		<div id="myapp">
			<div class="top">
				<img :src="dataone.big_img" />
				<p v-text="dataone.content"></p>
			</div>
			
			<div class="content">
				<!--<div class="mui-scroll-wrapper">
					<div class="mui-scroll">-->
						<!--这里放置真实显示的DOM内容-->

						<div class="mui-row row">
							<div class="mui-col-sm-3 mui-col-xs-3 item" v-for="data in datas" :data-uis="data.id">
								<img :src="data.img" />
								<p v-text="data.name"></p>
							</div>
							
						</div>
					</div>
				</div>
			<!--</div>

		</div>-->

		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/ip.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/skill.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>